{namespace dce=ArminVieweg\Dce\ViewHelpers}
{namespace ngoos=Ngoos\ViewHelpers}
<f:layout name="Default"/>

<f:section name="main">
    <div class="c-content-box c-size-md c-bg-img-top c-bg-parallax videobox" style="background-image: url(fileadmin/templates/v2/public/images/bg-parallax.jpg)">
        <div class="container">
            <div class="c-content-feature-11">
                <div class="row">
                    <div class="col-md-6 c-grid" data-auto-height="true" data-related="#c-video-card-3">
                        <h3>{field.title}</h3>
                        <f:format.raw>{field.description}</f:format.raw>
                    </div>
                    <div class="hide">
                        <ngoos:getFileUrl file="{field.previewurl}"/>
                    </div>
                    <div class="col-md-6 c-video">
                        <div id="c-video-card-3" class="embed-responsive embed-responsive-16by9">
                            <iframe class="embed-responsive-item" src="<ngoos:getFileUrl file='{field.url}'/>" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</f:section>